<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>jQuery自适应页面手机端抽奖代码 - 站长素材</title>
<link rel="stylesheet" type="text/css" href="css/public/reset.css">
<link rel="stylesheet" type="text/css" href="css/public/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/public/function.css">
<link rel="stylesheet" type="text/css" href="css/style.css">

<script type="text/javascript" src="js/model/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/model/jquery.SuperSlide.2.1.1.source.js"></script>
<script type="text/javascript" src="js/model/html5.js"></script>
<script type="text/javascript" src="js/public.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</head>
<body class="g-body-in">
<div class="g-wrap">
	<section class="h15"></section>
	<section class="main-sec pt5 main-wheel">
		<div class="big-border">
			<div class="small-border g9">

				<div class="shan">
					<span>1元现金</span>
					<img src="images/monery.png" width="30%">
				</div>

				<div class="shan">
					<span>2元现金</span>
					<img src="images/monery.png" width="30%">
				</div>

				<div class="shan">
					<span>3元现金</span>
					<img src="images/monery.png" width="30%">
				</div>

				<div class="shan">
					<span>4元现金</span>
					<img src="images/monery.png" width="30%">
				</div>
				
				<div class="shan">
					<span>5元现金</span>
					<img src="images/monery.png" width="30%">
				</div>

				<div class="shan">
					<span>6元现金</span>
					<img src="images/monery.png" width="30%">
				</div>

				<div class="shan">
					<span>7元现金</span>
					<img src="images/monery.png" width="30%">
				</div>

				<div class="shan">
					<span>8元现金</span>
					<img src="images/monery.png" width="30%">
				</div>

				<div class="shan">
					<span>9元现金</span>
					<img src="images/monery.png" width="30%">
				</div>


				<img src="images/middle.png" width="50%" class="middle">
			</div>
		</div>
	</section>

	<section class="main-sec">
		<div class="g-num">您还有<em>2</em>次抽奖机会</div>
	</section>

	<section class="main-sec loptop">
		<div class="m-title"><h3>有谁在抢</h3></div>
		<dl class="peolist">
			<dd>
				<img src="images/facepic.jpg" width="20%">
				<div class="right">
					<span><h2>雨中漫步</h2><em>7月1日 21:25</em></span>
					<p>跪谢老板打赏跪谢老板</p>
				</div>
			</dd>

			<dd>
				<img src="images/facepic.jpg" width="20%">
				<div class="right">
					<span><h2>雨中漫步</h2><em>7月1日 21:25</em></span>
					<p>跪谢老板打赏</p>
				</div>
			</dd>

			<dd>
				<img src="images/facepic.jpg" width="20%">
				<div class="right">
					<span><h2>雨中漫步</h2><em>7月1日 21:25</em></span>
					<p>跪谢老板打赏</p>
				</div>
			</dd>
		</dl>

	</section>

	<script type="text/javascript">
		jQuery(".loptop").slide( {mainCell:"dl",autoPage:true,effect:'topLoop',autoPlay:true,scroll:3,vis:3,easing:'swing',delayTime:500, interTime:3000, pnLoop:true});

	</script>

	<section class="main-sec">
		<div class="m-title"><h3>活动说明</h3></div>
		<div class="einfo">
			<p>活动时间：7月1日-7月30日</p>
			<p>每日签到可获1次抽奖机会</p>
			<p>每日邀请好友参与可获1次抽奖机会</p>
		</div>
	</section>

	<section class="main-sec">
		<footer>站长素材提供技术支持！</footer>
	</section>
</div>

<div class="dialog gz">
	<div class="d-main">
		<p>请进入"镇江微生活"公众号立即参与</p>
		<div class="btn-w">
			<a class="btn" href="#">进入</a>
			<a class="btn false" href="javascript:void(0);">取消</a>
		</div>
	</div>
</div>

<div class="dialog info">
	<div class="d-main">
		<p>次数用光,金额不足 之类的 信息提示表单</p>
	</div>
</div>


<div class="dialog theForm">
	<div class="d-main">
		<p>恭喜你,抽奖成功,获得了8元现金,请注意查收</p>
		<div class="btn-w">
			<a class="btn btn-lang close" href="javascript:;">确定</a>
		</div>
	</div>
</div>


<div class="dialog again">
	<div class="d-main">
		<p>再来一次</p>
		<div class="btn-w">
			<a class="btn close" href="javascript:;">再来一次</a>
			<a class="btn false" href="javascript:;">取消</a>
		</div>
	</div>
</div>

<script type="text/javascript">
var valueJson = {
	'wheelBody' : $('.big-border'), //转盘主体
	'wheelSmall' : $('.small-border'), //转盘内部
	'starsNum' : 16, //转盘边缘小黄点个数

	'starsPostion' : [[50, 0.5], [70, 6], [84.5, 18], [92.5, 32], [95.5, 50], [91, 68], [81.5, 81.5], [68, 91], [50, 95.5], [32, 92.5], [16, 83], [6, 70], [0.5, 50], [3.5, 32], [14, 15], [27, 5.5]], //小圆点坐标
	'actionRan' : 7200, //转盘转动弧度
	'theOnce' : 0, //初始化转盘第一个
	'startBtn' : $('.middle'), //开始按钮

	//需要后台传值的参数
	'clickAjaxUrl' : 'www.baidu.com', //点击抽奖获取信息的交互的ajax
	'is_gz' : 1, //是否开启关注 1开 2 关
	'is_follow' : 1 //是否关注

};
indexApp.init(valueJson).wheelStart(); //应用开始
</script>


</body>
</html>